<!DOCTYPE html>
<html html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
        lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/diejia.js"></script>
    <script type="text/javascript" src="js/chaxun.js"></script>

    <style>
        .bb{
            height: 20px;
        }
        .cc{
            height: 8px;
            font-size: larger;
        }
        p{
            width: 130px;
            border:1px solid  	#A9A9A9;
        }

        .nav{
            height: 60px;

        }
        .aa{
            height: 100px;
        }
    </style>
</head>
<body>
<div>
    <div class="nav" style="background-color: #219aff"><h1 align="center">湖北省公路网综合评价系统</h1></div>
    <div style="width: 100%;height:540px; ">
        <div clss="le" style=" background-color: #219aff; margin-left: 0px; width: 10%;height:540px;float: left;">
            <table align="center">
                <tr><td class="aa"><button onclick="jishu()" style="background-color: #219aff">技术评价</button></td></tr>
                <tr><td class="aa"><button onclick="qq()" style="background-color: #219aff">经济评价</button></td></tr>
                <tr><td class="aa"><button onclick="cd()" style="background-color: #219aff">社会环境评价</button></td></tr>
                <tr><td class="aa"> <button onclick="dd()" style="background-color: #219aff">综合评价</button></td></tr>

            </table>
        </div>
        <div style="width:90%;height:540px;float: right;" id="rightContent">
            <table align="center" style="margin-top: 0px;  margin-left: 300px;">
                <tr class="bb">
                    <td class="cc">路网综合密度:</td>
                    <td class="cc"><p id="den"></p></td>
                    <td class="cc">公里/百平方千米*百人口</td>
                </tr>
                <tr class="bb">
                    <td class="cc">&nbsp;&nbsp;&nbsp;&nbsp;路网连通度:</td>
                    <td class="cc"><p id="con"></p></td>
                </tr>
                <tr class="bb">
                    <td class="cc">路网平均车速:</td>
                    <td class="cc"><p  id="ave"></p></td>
                    <td class="cc"> 公里/小时</td>
                </tr>
                <tr class="bb">
                    <td class="cc">&nbsp;&nbsp;&nbsp;&nbsp;路网拥挤度:</td>
                    <td class="cc"><p id="yongji"></p></td>
                </tr>
            </table>

        </div>
    </div>
</div>

<script  th:inline="javascript">
    var id;
   $(function () {
       id = location.search.substr(1);
       $.ajax({
           url:"http://localhost:8080/manager/technology/getPlumberById",
           type:'get',
           data:{id:id},
           success:function(message){
               if(message.status==0){
                   var data=message.data;
                  $("#den").html(data.density);
                   $("#con").html(data.connectivity);
                   $("#ave").html(data.speed);
                   $("#yongji").html(data.congestion);
               }else {
                   alert(message.msg);
               }
           }
       });
   })
//var typeid=0;
//   $(function(){
//       $('#typename').bind('change',function(){
//           id = $('#typename option:selected').attr('id');
//           typeid=id;
//       })
//   });
    function jishu() {
        window.location.href = "/shiyan"+"?"+id;
    }
    function qq() {
        window.location.href = "/jinji"+"?"+id;
    }
    function cd() {
        window.location.href = "/shehui"+"?"+id;
    }
    function dd() {
        window.location.href = "/zonghe"+"?"+id;
    }

</script>
</body>
</html>